/*
 * DAAF07 => A5E0F0
 */
html {
   font-family: Verdana, "DejaVu Sans", sans;
   margin: 0;
   padding: 0;
   background-color: #333;
   border-left: .2em solid #333;
   border-right: .2em solid #333;
   min-height: 100%;
   /*font-size: 18px;*/
}

body {
   margin: 0;
   padding: 0;
}

div.main {
   overflow: hidden;
   background-color: #F8F8F8;
}



/**** BREADCRUMBS ****/

div.breadcrumbs {
   color: white;
   background-color: #333;
   padding: 1.0em 0.5em 0.0em 0.5em;
   left: 0;
   box-sizing: border-box;
   text-align: right;
   top: 0;
   width: 100%;
   height: 48px;
   font-size: 95%;

   position: fixed;
}

div.breadcrumbs a {
   color: white;
}

div.breadcrumbs span.highlight, div.breadcrumbs span a {
   color: #A5E0F0;
}

div.breadcrumbs input {
   width: 7em;
   margin-top: -0.1em;
}

div.breadcrumbs small {
   font-size: 0.8em;
}

/** narrow screen hacks **/
@media only screen and (max-width: 1000px)
{
   div.breadcrumbs span, div.breadcrumbs small {
      font-size: 80%;
   }
}
@media only screen and (max-width: 800px)
{
   div.breadcrumbs small {
      display: none;
      position: fixed;
   }
   div.breadcrumbs span {
      font-size: 75%;
   }
}
@media only screen and (max-width: 600px)
{
   div.breadcrumbs span {
      font-size: 65%;
   }
}

div.breadcrumbs a.home {
   float: left;
   font-weight: bold;
   font-size: 200%;
   margin: 0 2% 0 0%;
   margin-top: -0.3em;
   text-decoration: none;
}

div.breadcrumbs input {
   float: left;
}


/** SEARCH RESULTS **/
a.anchor
{
   display: block;
   position: relative;
   top: -48px;
   visibility: hidden;
}

/** SEARCH RESULTS **/
#results {
   position: absolute;
   max-height: 30em;
   background-color: #eee;
   box-shadow: 0 .25em .25em black;
   display: none;
   text-align: left;
   color: black;
   margin-top: 2em;
   font-size: 70%;
   z-index: 1000;
   overflow-y: scroll;
}

#results a {
   color: blue;
}


/**** TABLE OF CONTENTS ****/

div.sidebar {
   margin-top: 48px;
   float: left;
   margin-right: -1px;
   border-right: 1px solid #D0D0D0;
   background-color: #F8F8F0;
}


div.toc {
   padding: 1.5em 0.75em 1em 0.5em;
   font-size: 0.55em;
   line-height: 1.95em;
   display:block; 
}

@media only screen and (max-width: 800px)
{
   div.toc {
      font-size: 0.5em;
      padding: 1.5em 0.4em 1em 0.2em;
   }
}


/* stuff for showing/hiding the sidebar */
.hide, .show {
   display: block;
   float: right;
   border-right: 1px solid #D0D0D0;
   border-bottom: 1px solid #D0D0D0;
   border-left: 1px solid #D0D0D0;
   /* to avoid having double border */
   margin-right: -1px;
   font-size: 1.1em;
   padding: 0 0.6em;
}
a.hide, a.show {
   color: #111; 
   text-decoration: none;
}
.hide {
   background-color: #F8F8F8;
   border-bottom-left-radius:3px;
   border-right: 1px solid #F8F8F8;
}
.show {
   background-color: #F8F8F0;
   border-bottom-right-radius:3px;
   display: none; 
}
.hide:target + .show {
   display: inline; 
   position: absolute;
}
.hide:target {
   display: none; 
}
.hide:target ~ .toc {
   display:none; 
}


div.toc .toc-additional {
   border-bottom: 1px dashed #333;
   line-height: 1.5em;
}

div.toc .toc-additional p, div.toc .toc-additional ul {
   margin: 0.4em 0;
}

div.toc ul {
   list-style-type: none;
   padding-left: 0;
   padding-bottom: 0.5em;
}

div.toc ul ul {
   list-style-type: none;
   padding-left: 0.5em;
}


div.toc a {
   color: #111;
   font-size: 1.25em;
}

div.toc small {
   font-size: 0.7em;
}
@media only screen and (max-width: 800px)
{
   div.toc ul ul {
      padding-left: 0.2em;
   }
   div.toc small {
      display: none;
      position: fixed;
   }
}

div.toc span.package {
   cursor: pointer;
   line-height: 1.8em;
   font-weight: bold;
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 2px;
   background-color: #F0F0F0;
   font-size: 1.25em;
   padding: 0 0.2em;
   /* counteracts the text movement caused by the padding */
   margin: 0 -0.2em;
}

div.toc span.package a {
   font-size: 1em;
}

/* Highlight the current module/package */
div.toc .selected {
   border-radius: 2px;
   background-color: #A5E0F0 !important;
   padding: 0.325em 0.2em;
   /* counteracts the text movement caused by the padding */
   margin: -0.325em -0.2em;
}



/**** MAIN CONTENT ****/

div.content {
   margin-top: 48px;
   padding: 1.5em;
   font-size: 90%;
   line-height: 130%;
   overflow: hidden;
   border-left: 1px solid #D0D0D0;
}
@media only screen and (max-width: 800px)
{
   div.content {
      font-size: 82%;
   }
}
@media only screen and (max-width: 600px)
{
   div.content {
      font-size: 70%;
      padding: 1.5em 0.3em 1.5em 0.5em;
   }
}

div.content h2 {
   margin: .35em 0 .45em 0;
   padding-top: .35em;
   font-size: 1.3em;
}

div.content h3 {
   font-size: 1.1em;
}

div.content tr {
   margin: 0;
}

div.content table {
   border-collapse: collapse;
   border-bottom: 1px dashed #333;
   font-size: 90%;
   line-height: 130%;
   margin: 1em 0;
}

div.content td {
   border-top: 1px dashed #333;
   margin: 0;
   padding: .32em .64em;
}

div.content td:first-child {
   text-align: center;
}

/* prevent function attribs from wrapping, make the cell wider instead */
div.content td:first-child * {
   white-space: nowrap
}

/* The first markdown-generated paragraph in e.g. Params tables shouldn't add any vertical
 * space
 */
div.content td p:first-child {
   margin: 0;
}

div.content p strong {
   font-size: 92%;
}

.paramName {
   font-weight: bold;
   width: 6em;
}

div.section {
   padding: 0;
   margin: 0;
}



/**** EXTRA INFO IN FUNCTION/CLASS/ETC LISTS ****/

div.content td .extrainfo{
   display: block;
   line-height: 105%;
   font-family: monospace;
   font-size: 85%;
   text-align: center;
}

.extrainfo div {
   display: block;
   margin: 0;
}

.extrainfo .attr-const   { color: blueviolet; }
.extrainfo .attr-pure    { color: darkslategray; }
.extrainfo .attr-nothrow { color: brown; }
.extrainfo .attr-nogc    { color: darkgreen; }
.extrainfo .attr-safe    { color: darkblue; }
.extrainfo .attr-trusted { color: firebrick; }
.extrainfo .attr-system  { color: darkred; }
.extrainfo .attr-final   { color: darkolivegreen; }
.extrainfo .attr-ref     { color: fuchsia; }


/**** SYMBOLS (not used by the one-file-for-every-variable writer backend) ****/

div.aggregate-symbol {
   display: flex;
   flex-direction: column;
   display: -webkit-flex;
   -webkit-flex-direction: column;
}

div.aggregate-symbol div.description {
   order: -2;
   -webkit-order: -2;
}

div.aggregate-symbol div.members {
   order: -1;
   -webkit-order: -1;
   padding-bottom: 0.3em;
   border-bottom: 10px solid #333;
   margin: 1em 0em 1.5em 0em;
}

div.symbol {
   border-radius: 3px;
   border: 1px solid #d0d0d0;
   padding: 1px 0.4em;
   margin: 0.5em 0;
}

a.anchor:target + div.symbol {
   border: 2px solid #1290B3;
   border-radius: 0;
   background-color: #F0F7F8;
}



/**** SECTION-SPECIFIC STYLES ****/

.section.seealso, .section.note, .section.imports {
   font-size: 75%;
   line-height: 135%;
   /* background-color: #F0F0C0; */
   /* background-color: #DA7F07; */
   /* background-color: #DA8F07; */
   /* background-color: #DA9F07; */
   background-color: #A5E0F0;
   padding: 1em;
   margin-bottom: 0.5em;
}

.section.seealso h2, .section.note h2 {
   display: block;
   float: left;
   margin: 0 0.7em -0.05em 0em;
   padding: 0;
   font-size: 1.1em;
}

.section.imports h2 {
   display: inline;
   margin: 0.5em 0em;
   padding: 0;
   font-size: 1.1em;
}

.section.seealso div.seealso-content, .section.note div.note-content {
   display: block;
   margin-left: 6.5em;
}

.section.imports td {
   border-top: 1px solid #555 !important;
   text-align: left !important;
}

.section.imports table {
   border-bottom: 1px solid #555 !important;
}

.section.imports ul {
   margin: 0;
   list-style-type: none;
   padding-left: 1.5em;

   -moz-column-count: 4;
   -moz-column-gap: 20px;
   -webkit-column-count: 4;
   -webkit-column-gap: 20px;
   column-count: 4;
   column-gap: 20px;
}

@media only screen and (max-width: 1400px)
{
   .section.imports ul {
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      column-count: 3;
      column-gap: 20px;
   }
}

@media only screen and (max-width: 1100px)
{
   .section.imports ul {
      -moz-column-count: 2;
      -moz-column-gap: 13px;
      -webkit-column-count: 2;
      -webkit-column-gap: 13px;
      column-count: 2;
      column-gap: 13px;
   }
}

@media only screen and (max-width: 800px)
{
   .section.imports ul {
      -moz-column-count: 1;
      -moz-column-gap: 7px;
      -webkit-column-count: 1;
      -webkit-column-gap: 7px;
      column-count: 1;
      column-gap: 7px;
   }
}


.section.imports ul a {
   color: #111;
}


.section.seealso *:first-child, .section.note *:first-child {
   margin-top: 0em;
}

.section.seealso ul, .section.note ul {
   padding-left: 1.5em;
}

.section.seealso *:last-child, .section.note *:last-child {
   margin-bottom: 0em;
}



footer 
{
   text-align: center;
   font-size: 60%;
   color: white;
   background-color: #333;
}
/**** CODE ****/
footer a
{
   color: white;
}



/**** CODE ****/

pre {
   margin-top: 0.4em;
}

/* DDoc code examples */
code {
   background-color: #333;
   color: #eee;
   padding: 0.8em;
   border-radius: .1em;
   display: block;
}

code a {
   color: white;
   text-decoration: none;
   border-bottom: 1px dotted #888;
}


div.error {
   color: darkred;
}
/* Markdown inline code */
/* Markdown inline code and $(D code) */
code.prettyprint, .d_inline_code {
   font-family: monospace;
   color: #333;
   background-color:rgba(0,0,0,0.04);
   border-radius: .15em;
   border: 1px solid #C0C0C0;
   padding: 0.22em;
   display: inline;
}

code.prettyprint a {
   color: black;
   border-color: #777;
}

/*do not affect the first <pre>, which is not in a section*/
div.section pre > code {
   margin: .5em;
   border-radius: .1em;
   padding: 0.8em;
}

div.section td pre {
   margin: 0;
   padding: 0;
}


div.section td code:not(.prettyprint) {
   margin: 0;
   padding: 0.6em;
}

.hljs {
   display: block; padding: 1em;
   background: #282B2E;
   overflow-x: auto;
   display: block;
}

.hljs-keyword,
.hljs-literal,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.css .hljs-id,
.tex .hljs-special {
   color: #93C763;
}

.hljs-number {
   color: #FFCD22;
}

.hljs {
   color: #E0E2E4;
}

.css .hljs-tag,
.css .hljs-pseudo {
   color: #D0D2B5;
}

.hljs-attribute,
.hljs .hljs-constant {
   color: #668BB0;
}

.xml .hljs-attribute {
   color: #B3B689;
}

.xml .hljs-tag .hljs-value {
   color: #E8E2B7;
}

.hljs-code,
.hljs-class .hljs-title,
.hljs-header {
   color: white;
}

.hljs-class,
.hljs-hexcolor {
   color: #93C763;
}

.hljs-regexp {
   color: #D39745;
}

.hljs-at_rule,
.hljs-at_rule .hljs-keyword {
   color: #A082BD;
}

.hljs-doctype {
   color: #557182;
}

.hljs-link_url,
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.haskell .hljs-type,
.hljs-preprocessor,
.hljs-pragma,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.sql .hljs-aggregate,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-javadoc,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt {
   color: #8CBBAD;
}

.hljs-string {
   color: #EC7600;
}

.hljs-comment,
.java .hljs-annotation,
.hljs-blockquote,
.hljs-horizontal_rule,
.python .hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
   color: #818E96;
}

.hljs-keyword,
.hljs-literal,
.css .hljs-id,
.hljs-phpdoc,
.hljs-title,
.hljs-header,
.haskell .hljs-type,
.vbscript .hljs-built_in,
.sql .hljs-aggregate,
.rsl .hljs-built_in,
.smalltalk .hljs-class,
.diff .hljs-header,
.hljs-chunk,
.hljs-winutils,
.bash .hljs-variable,
.apache .hljs-tag,
.tex .hljs-special,
.hljs-request,
.hljs-at_rule .hljs-keyword,
.hljs-status {
   font-weight: bold;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
   opacity: 0.5;
}
